<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/templatemor.xhtml">
	<ui:define name="pageTitle">Pagina de Compras Primefaces</ui:define>
	<ui:define name="pageHeader"></ui:define>
	<ui:define name="body">
	
	<h:form id="formProveedor">
	
	
	<p:panelGrid columns="2">
	<p:inputText id="provSelec"
	value="#{registroCompras.proveedorSeleccionado.nombre}" />
	
	<p:commandButton value="Buscar Proveedor"
	action="#{registroCompras.buscarProveedorPorNombre}"
	update="formProveedor">
	<p:ajax onevent="click" render="idProveedor" />	
	</p:commandButton>
	
	<p:outputLabel value="Proveedor: " />
	<h:outputText id="idProveedor" 
	value="#{registroCompras.proveedorBuscado.nombre}" />	
	
	<p:outputLabel value="Nro. Factura: "/>
	<p:inputText value="#{registroCompras.nroFactura}"/>
	
	
	
		<p:outputLabel value="Cod: Barras: " />
	
	<h:panelGroup>
	
		<p:inputText value="#{registroCompras.productoSeleccionado.barras}" />
		
		<p:commandButton value="Buscar Producto"
		action="#{registroCompras.buscarProductoPorBarra}" 
		update="formProveedor">
		 <f:ajax onevent="click" render="nombreProd" />
		</p:commandButton>
		
		</h:panelGroup>
		
		<p:outputLabel value="Nombre: " />
		<h:outputText id="nombreProd"
		value="#{registroCompras.productoBuscado.nombre}" />

		
		<p:outputLabel value="Cantidad: " />
		<p:inputText value="#{registroCompras.compra.cantidad}"/>
		
		<p:outputLabel value="Costo: " />
		<p:inputText value="#{registroCompras.compra.costo}"/>
		
		
		<p:commandButton 
		value="Listo"
		action="#{registroCompras.agregarALaTabla}"
		update="tableCompras :formProveedor" >
		<f:ajax onevent="click" render="total" />
		</p:commandButton>
		
		</p:panelGrid>
	
	
	
	<p:dataTable id="tableCompras" value="#{registroCompras.lista}"
	rendered="#{not empty registroCompras.lista}" var="compra" border="1">
	
	<f:facet name="header">Productos</f:facet>
	
	<p:column>
	
	<f:facet name="header">Producto</f:facet>	
	#{compra.producto.nombre}	
	</p:column>
	
	<p:column>
	<f:facet name="header">Cantidad</f:facet>	
	#{compra.cantidad}	
	</p:column>
	
	<p:column>
	<f:facet name="header">Costo</f:facet>	
	#{compra.costo}	
	</p:column>
	
	<p:column>
	<f:facet name="header">Sub total</f:facet>
	#{compra.costo * compra.cantidad}	 
	</p:column>
	
	</p:dataTable>	
	
	<h:outputText id="total" value="#{registroCompras.total}" />
	
	<p:commandButton value="Finalizar Compra" action="#{registroCompras.finalizarCompra}"
	update="tableCompras :formProveedor" />
	
	</h:form>

	</ui:define>
</ui:composition>

</html>